<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常见的事件</title>
    <script>
        /**1.加载页面事件*/
        window.onload=function () {
            var username = document.getElementById("username");
            var submit = document.getElementById("bd");
            /**2.失去焦点事件*/
            /*username.onblur=function () {
                alert("文本框失去焦点");
            }*/
            /**3.元素移动到事件上*/
            /*username.onmouseover=function () {
                alert("鼠标来了");

            }*/
            /**4.鼠标按下事件*/
            /*username.onmousedown=function (event) {
                alert("鼠标按下了"+event.button);
                //event.button获取到使用鼠标那个键进行按下  0左  1中  2右

            }*/
            /**键盘按下事件*/
            /*username.onkeydown=function (event) {
                //alert(event.keyCode);//keyCode查看按下键盘的那个键
                if (event.keyCode=="13"){
                    alert("进行提交");
                }
            }*/
            /**用于输入之后进行验证*/
            /*submit.onsubmit=function () {
                //进行相应的格式
                var flag=false
                 return flag;//返回false可以阻止表单的提交

            }*/

        }
    </script>
</head>
<body>
    <form action="#" id="bd">
        <input type="text" id="username">
        <button type="submit">提交</button>
    </form>

</body>
</html>